<!DOCTYPE html>
<html>
	<head>
		<meta content="IE=11.0000" http-equiv="X-UA-Compatible" /> 
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=0" /> 
		<meta name="apple-mobile-web-app-capable" content="yes" /> 
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="format-detection" content="telephone=no" /> 
		<meta name="format-detection" content="email=no" /> 
		<meta http-equiv="pragma" content="no-cache" /> 
		<meta http-equiv="cache-control" content="no-cache" /> 
		<meta name="keywords" content="境外就业网,出国劳务,出国打工,新加坡劳务,新加坡打工,辽宁境外就业网,劳务输出公司,出国劳务中介,辽宁打工,劳务合同,新加坡出国指南,沈阳劳动力,人才,澳大利亚劳务,美国工作,加拿大务工,辽宁劳务信息,江苏劳务外派,上海输出劳务,北京国际劳务,研修生,工作准证,出国签证,护士出国,厨师出国,国外工作,护照,jwjy,chuguo,work abroad,job,job361,361job" /> 
		<meta name="description" content="境外就业网,出国劳务共享平台，国际人生规划专家。国家商务部许可资质，12年外派劳务经验。境外就业网提供出国咨询、面试培训、签证解析、就业指导、服务保障为一体的一站式出国就业平台。境外就业网,海外工作通！" /> 
		<link rel="shortcut icon" href="../favicon.ico"/>
		<link rel="bookmark" href="../favicon.ico"/>
		<title>出国桥</title> 
		<link rel="stylesheet" href="../css/style.css" />
		<link rel="stylesheet" href="../css/reset.css" />
		<script type="text/javascript" src="../js/jquery-1.8.3.min.js" ></script>
		<script>
		$(document).ready(function(){
			
    		var wi = document.body.clientWidth;

    		$(".tc-top").width(wi/2);
			$(".tc-main").width(wi/2);
    	})

    	window.onresize=function(){    //手机屏幕横过来，会改变屏幕大小，重新设置搜索框的高度

    		var wi = document.body.clientWidth;

    		$(".tc-top").width(wi/2);
			$(".tc-main").width(wi/2);
    	}
		$(function(){
		
		$('#ck').click(function(){
			$('.tj-tc').show();
			$.ajax({
			   type: "post", 
               url: "", 
               dataType: "json", 
               contentType: "application/x-www-form-urlencoded; charset=UTF-8",
               success: function (data) { 
                       
            //使用$.each方法遍历返回的数据date,插入到id为#tc-main中  
            $.each(data,function(i,item){  
                  
                $("#tc-main").append("<div class='tc-mai'>"+"<p>" + item.name + "</p>"+"<span>"+item.email+"</span>"+"</div>");
                
            })  

               }, 
             error : function() {
				alert("请求失败！");
			}
			});
		})
		$('#gb').click(function(){
				
				$('.tj-tc').hide();
			})
		})
		</script>
	</head>
	<body>
		<div class="gs-head">
			<p><a href="###"><</a></p>
			<div class="gs-jz">推荐简历
				<div class="clear"></div>
			</div>
			<p class="gs-sy"><a href="###">首页</a></p>
			<div class="clear"></div>
			
		</div>
		<div class="tj-main">
			<div class="tj-nr">
				<p>黎明/男/35/初中</p><p class="kdz">2016-10-10</p>
				<span>木工工作经验10年</span><span class="kdx" id="ck">查看详细</span>
				<div class="clear"></div>
			</div>
			<div class="tj-nr">
				<p>黎明/男/35/初中</p><p class="kdz">2016-10-10</p>
				<span>木工工作经验10年</span><span class="kdx">查看详细</span>
				<div class="clear"></div>
			</div>
			<div class="tj-nr">
				<p>黎明/男/35/初中</p><p class="kdz">2016-10-10</p>
				<span>木工工作经验10年</span><span class="kdx">查看详细</span>
				<div class="clear"></div>
			</div>
			<div class="tj-nr">
				<p>黎明/男/35/初中</p><p class="kdz">2016-10-10</p>
				<span>木工工作经验10年</span><span class="kdx">查看详细</span>
				<div class="clear"></div>
			</div>
			<div class="tj-nr">
				<p>黎明/男/35/初中</p><p class="kdz">2016-10-10</p>
				<span>木工工作经验10年</span><span class="kdx">查看详细</span>
				<div class="clear"></div>
			</div>
			<div class="tj-nr">
				<p>黎明/男/35/初中</p><p class="kdz">2016-10-10</p>
				<span>木工工作经验10年</span><span class="kdx">查看详细</span>
				<div class="clear"></div>
			</div>
			<div class="tj-nr">
				<p>黎明/男/35/初中</p><p class="kdz">2016-10-10</p>
				<span>木工工作经验10年</span><span class="kdx">查看详细</span>
				<div class="clear"></div>
			</div>
			<div class="tj-tc">
				<div class="tc-top">
					<p>简历状态</p>
				</div>
				<div class="tc-main" id="tc-main">
					<div class="tc-mai">
						<p>2015-02-21 10:20</p>
						<span>企业收到报名信息</span>
					</div>
					<div class="tc-mai">
						<p>2015-02-21 10:20</p>
						<span>企业收到报名信息</span>
					</div>
					<div class="tc-mai">
						<p>2015-02-21 10:20</p>
						<span>企业收到报名信息</span>
					</div>
					<div class="tc-mai jdb">
						<p>2015-02-21 10:20</p>
						<span>企业收到报名信息</span>
					</div>
					<div class="db-an">
						<p id="gb">关闭</p>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
